<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Integral_mall积分商城</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/M-Integral_mall.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>

	<body>
		<!--引入外部表头的文件在html页面中显示-->
		<header></header>
		<div id="wrap">
				<!---------------------轮播图----------------------------->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="img/IntegralMall/swipe.jpg" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/IntegralMall/swipe2.jpg" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/IntegralMall/swipe.jpg" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/IntegralMall/swipe2.jpg" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="img/IntegralMall/swipe.jpg" /></a>
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
				<!---------------------兑换列表-exchange_list---------------------------->
				<ul class="exchange_list">
					<li class="exchange_list_li">
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
					</li>
					<li class="exchange_list_li">
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
					</li>
					<li class="exchange_list_li">
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
					</li>
					<li class="exchange_list_li">
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>
						<div class="exchange_list_Div">
							<div class="exchange_list_d1">
								<img src="img/IntegralMall/swipea.jpg" />
							</div>
							<div class="exchange_list_d2">
								<sapn>自家礼包送亲人，送朋友的 不二选择自家礼包送亲人...</sapn>
							</div>
							<div class="exchange_list_d3">
								<span class="exchange_list_d3_s1">积分 : 50</span>
								<span class="exchange_list_d3_s2">价值¥20.0</span>
							</div>
							<div class="exchange_list_d4">兑换</div>
						</div>

					</li>
					<!--引入外部的文件在html页面中显示-->
					<div class="jPaginate"></div>
				</ul>

				<!-----------------弹出框-------------------->
				<div id="delivery_wrap">
					<div id="delivery">
						<div id="delivery_address">
							<div id="delivery_top"><span>收货地址</span></div>
							<ul id="delivery_ul">
								<li class="delivery_li">
									<span class="delivery_span delivery_span1">*</span>收货人姓名：
									<input type="text" id="delivery_li1inp" value="" />
								</li>
								<li class="delivery_li">
									<span class="delivery_span">*</span><span>所在地区</span>：
									<!--选择省-->
									<select name="" id="province">
										<option value="">--请选择--</option>
									</select>
									<!--选择市-->
									<select name="" id="city">
										<option value="">--请选择--</option>
									</select>
									<select name="" id="district">
										<option value="">--请选择--</option>
									</select>
								</li>
								<li class="delivery_li">
									<span class="delivery_span">*</span><span>详细地址</span>：
									<input type="text" id="delivery_li3inp" value="" />
								</li>
								<li class="delivery_li">
									<span class="delivery_span">*</span><span>联系电话</span>：
									<input type="text" id="delivery_li4inp1" value="" />
									<span class="delivery_span2">或固定电话 : </span>
									<input type="text" id="delivery_li4inp2" value="" />
									<span class="delivery_span2">-</span>
									<input type="text" id="delivery_li4inp3" value="" />
								</li>
								<li class="delivery_last">
									<div class="delivery_last_fh">返回</div>
									<div class="delivery_last_bc">保存</div>
								</li>
							</ul>

						</div>
					</div>
				<!--</div>-->
			</div>
			<footer></footer>
		</div>
		
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/distpick.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/M-Integral_mall.js" type="text/javascript" charset="utf-8"></script>

</html>